@charset "UTF-8";
@import "./common.scss";


#page{width: 100%;height: 100%; position: absolute; left: 50%; top: 50%;overflow: hidden; transform: translate3d(-50%, -50%, 0px); -webkit-transform: translate3d(-50%, -50%, 0px);-moz-transform: translate3d(-50%, -50%, 0px);
  .menu-btn{ width: 30px; height: 30px; position: fixed; right: 1.6rem; top: 10px; z-index: 100; display: none;
    span{ height: 6px; overflow: hidden; background: #ff5e00; display: block; margin-bottom: 2px;}
  };
}
.swiper-container { width: 100%;height: 100%;left: 0; top: 0; position: absolute;
  .swiper-slide{width:100%;height:100%; 
    .main-pic{ width: 6.95rem; left: 1.5rem;top: 0.47rem; position: absolute; height: 3.5rem;overflow: auto;}
    .ban1_main{ width: 2.5rem; height: 1.6rem;position: absolute; right: 0.37rem; top: 1.61rem; padding-top: 10px;
      background: url(../img/mg_ban1_pic1.png) no-repeat; background-size: 100% 100%;
      img{ width: 45%; margin-top: 10px; margin:6px 2.5%; float: left;}
    }
    .ban4_main{ width: 5.28rem; height: 3.5rem;  position: absolute; left: 3.38rem; top: 1rem;
    	a{ width: 1.43rem; height: 1rem; position: absolute;}
    	.btn_01{ top: 0.1rem;left: 0.9rem;}
    	.btn_02{ top: 1.1rem;left: 0.02rem;}
    	.btn_03{ top: 1.1rem;left: 1.75rem;}
    	.btn_04{ top: 2.1rem;left: 0.9rem;}
    	.btn_05{ top: 1.1rem;left: 3.75rem;}
    	.btn_06{ top: 2.1rem;left: 3.75rem;}
    }
    .ban6_main{ width: 7.65rem; height: 4rem;position: absolute; left: 50%; margin-left: -3.82rem; top: 0.7rem;
      a{ width: 20%;  margin:0 2.5%; float: left;
      	img{ width: 100%;}
      }
    }
  }
  .swiper-button-prev,
  .swiper-button-next{ width: 35px;}
  .swiper-button-prev{ background: url(../img/left_btn.png) no-repeat; background-size:auto 100% ;}
  .swiper-button-next{ background: url(../img/right_btn.png) no-repeat; background-size:auto 100% ;}
}
// #swiper-container-two{display: none}
.ani{position:absolute;}

